<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!--引入CSS-->
<link rel="stylesheet" type="text/css" href="${pathUrl }/public/js/webuploader/webuploader.css">
<!--引入JS-->
<script type="text/javascript" src="${pathUrl }/public/js/webuploader/webuploader.js"></script>

<script type="text/javascript" >
  //创建一个百度上传插件，pick绑定的上传的id元素，callback回调方法
  function createWebUploader(pick,callback){
	  var uploader = WebUploader.create({
		    // 选完文件后，是否自动上传。
		    auto: true,
		    // swf文件路径
		    swf: '${pathUrl }/public/js/webuploader/Uploader.swf',
		    // 文件接收服务端。
		    server: '${pathUrl }/common/uploadFile/index',
		    // 选择文件的按钮。可选。
		    // 内部根据当前运行是创建，可能是input元素，也可能是flash.
		    pick: pick,
		    fileVal:'uploadFile',
		    // 只允许选择图片文件。
		    accept: {
		        title: 'Images',
		        extensions: 'gif,jpg,jpeg,bmp,png',
		        mimeTypes: 'image/*'
		    }
		});
	  
	  uploader.on('uploadAccept',function( file, response ){
		  callback(response);
	  });
      /*// 文件上传成功，给item添加成功class, 用样式标记上传成功。
      uploader.on( 'uploadSuccess', function( file ) {
          alert("成功");
      });

      // 文件上传失败，显示上传出错。
      uploader.on( 'uploadError', function( file ) {
          alert("失败");
      });*/
  }
</script>